<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?php
echo $this->headScript()->
        appendFile($this->baseUrl() . "/js/jquery-1.7.1.js");
echo $this->headLink()
        ->setIndent('  ')
        ->prependStylesheet($this->baseUrl() . "/css/bootstrap/bootstrap.css")
        ->prependStylesheet($this->baseUrl() . "/css/bootstrap/bootstrap-responsive.css");
?>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>WOOPSIE DAISY! Something went wrong!!!</title>

        <style type="text/css">
            body{ margin:0; padding:0; background:#efefef; font-family:Georgia, Times, Verdana, Geneva, Arial, Helvetica, sans-serif; }
            div#mother{ margin:0 auto; width:943px; height:572px; position:relative; }
            div#errorBox{ background: url(<?php echo $this->baseUrl() . '/images/bg-404.png'; ?>) no-repeat top left; width:943px; height:572px; margin:auto; }
            div#errorText{ color:#39351e; padding:146px 0 0 446px }
            div#errorText p{ width:303px; font-size:14px; line-height:26px; }
            div.link{ /*background:#f90;*/ height:50px; width:145px; float:left; }
            div#home{ margin:20px 0 0 444px;}
            div#contact{ margin:20px 0 0 25px;}
            h1{ font-size:40px; margin-bottom:35px; }
        </style>

        <script type="text/javascript">
            $(document).ready(function() {

                var bodyHeight = $(window).height();
                var contentHeight = $("#mother").height();
                var newHeight;

                if (bodyHeight < contentHeight) {
                    var newHeight = contentHeight - bodyHeight;

                } else {
                    var newHeight = bodyHeight - contentHeight;

                }
                newHeight = newHeight / 2;

                $("body").css({marginTop: newHeight});

            });
        </script>

    </head>
    <body>
        <div id="mother">
            <div id="errorBox">
                <div id="errorText">
                    <h1>Error!</h1>
                    <p>
                        Parece que algo pas&oacute;! No te preocupes, le pasa a cualquiera<br />- solo que te pas&oacute; a vos.
                    </p>

                    <h1>An error occurred</h1>
                    <h2><?php echo $this->message ?></h2>

                    <?php if (isset($this->exception)): ?>

                        <h3>Exception information:</h3>
                        <p>
                            <b>Message:</b> <?php echo $this->exception->getMessage() ?>
                        </p>

                        <h3>Stack trace:</h3>
                        <pre><?php echo $this->exception->getTraceAsString() ?>
                        </pre>

                        <h3>Request Parameters:</h3>
                        <pre><?php echo $this->escape(var_export($this->request->getParams(), true)) ?>
                        </pre>

                    <?php endif ?>


                </div>
            </div>
        </div>
    </body>
</html>

